<template>
    <div class="search">
        <span class="iconfont icon-search"></span>
        <input type="text" name="" id="" placeholder="输入搜索内容">
        <button>搜索</button>
    </div>
</template>

<script>
//   import "../public/font/iconfont" 


</script>


<style>
    *{
        margin: 0;
        padding: 0;
    }
    .search{
        width: 9.6rem;
        height: 1.01rem;
        background-color: #f2f2f2;
        border-radius: 0.3rem;
        margin: 0.7rem auto;

    }
    .search span{
        font-size: 0.46rem;
    }
    .search span{
        color: #9c9c9c;
        line-height: 1.01rem;
        float: left;
        margin-left: 0.2rem;
    }
    .search button{
        float: right;
        font-size: 0.37rem;
        border: none;
        background-color: #f2f2f2;
        margin-right: 0.4rem;
        margin-top: 0.25rem;
        outline: none;
    }
    .search input{
        width: 7.38rem;
        height: 1rem;
        border: none;
        background-color: #f2f2f2;
        float: left;
        font-size: 0.37rem;
        outline: none;
        padding-left: 0.1rem;
    }
</style>